<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Hotel da Esta&ccedil;&atilde;o</title>
<link type="text/css" rel="stylesheet" href="css/hotel.css" />
<script type="text/javascript" src="js/jquery-1.2.6.js"></script>
<script type="text/javascript">
$(document).ready(function(){
	$("li").hover(function(){
		$(this).css({backgroundColor:"yellow", fontWeight:"bolder", cursor:"default"});
	}, function(){
		var cssObj = {
				backgroundColor:"#fff",
				fontWeight:""
		}
		$(this).css(cssObj);
	});
	
	$("li").click(function(){
		$.post("../php/conteudo.php",{conteudo_value:this.value},
				function(data){
					if(data != "")
						$("#conteudo").html(data);
		});
	});

	$.post("../php/menu.php",{},
			function(data){
				alert("ola "+data);
		});
});
</script>
</head>
<body>

<div id="header">
	<h1>Hotel da Esta&ccedil;&atilde;o</h1>
</div>

<div id="main">
	<div id="conteudo"></div>
</div>

<div id="menu">
	<ul>
		<li class="item" value="0">Usu&aacute;rio</li>
		<li class="item" value="1">Grupo</li>
	</ul>
</div>

<div id="footer">
	&copy; 2010, Hotel da Esta&ccedil;&atilde;o - Todos os direitos reservados.
</div>

</body>
</html>